<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>分类</title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width,user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/comon.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css1/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>		
	</head>
	<body>
		<div class="web">
			<!--头部S-->
			<header>
				<div class="fl back">
					<span>Back</span>
				</div>
				<div class="fr city">
					<select name="">
						<option value="1" check>城市</option>
						<option value="2">广州市</option>
						<option value="3">佛山市</option>
					</select>
				</div>
				<div class="classify">分类</div>
			</header>
			<!--头部E--> 
			<!--中间S-->
			<main>
				<div class="classify_more clearfix huazai lightSpeedIn">
					<ul class="clearfix">
						<li>
							<a href=""><img src="img/classify/classify_02.png"/>
								<div>美食</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_01.jpg"/>
								<div>电影</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_03.jpg"/>
								<div>运动</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_04.jpg"/>
								<div>唱歌</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="btn_span clearfix">
					<span class="on"></span>
					<span></span>
					<span></span>
					<span></span>
				</div>
				<div class="around clearfix">
					<div class="fl ju_left">
						<img src="img/index/meishi.png"/><span class="text_l">美食类</span>							
					</div>
					<div class="fr ju_right"><span class="text_r">更多</span><img src="img/index/more.png"/></div>
				</div>
				<div class="classify_much clearfix huazai pulse">
					<ul>
						<li>
							<a href=""><img src="img/classify/classify_02_03.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_02_09.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_02_07.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_05.png"/></a>
						</li>
					</ul>
				</div>
				<div class="around clearfix">
					<div class="fl ju_left">
						<img src="img/index/yundong.png"/><span class="text_l">运动类</span>							
					</div>
					<div class="fr ju_right"><span class="text_r">更多</span><img src="img/index/more.png"/></div>
				</div>
					<div class="classify_much clearfix  huazai pulse">
					<ul>
						<li>
							<a href=""><img src="img/classify/classify_02_16.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_17.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_20-22.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_20.png"/></a>
						</li>
					</ul>
				</div>
				<div class="around clearfix">
					<div class="fl ju_left">
						<img src="img/index/move.png"/><span class="text_l">电影类</span>							
					</div>
					<div class="fr ju_right"><span class="text_r">更多</span><img src="img/index/more.png"/></div>
				</div>
				<div class="classify_much clearfix margin_bottom  huazai pulse">
					<ul>
						<li>
							<a href=""><img src="img/classify/classify_02_27.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_29.jpg"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/classify_02_27.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/classify/分类_05.png"/></a>
						</li>
					</ul>
				</div>
				
			</main>
			<!--中间E-->
			<!--尾部S-->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-shouye"></i>
							<div>首页</div>
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont icon-fenlei pitch_on"></i>
							<div class="pitch_on">分类</div>
						</a>
					</li>
					<li>
						<a href="discover.html">
							<i class="iconfont icon-fenxiang"></i>
							<div>发现</div>
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont icon-wode"></i>
							<div>我的</div>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部E-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
